/**index.wxss**/
.container{
    height: 100vh;
    overflow: hidden;
    
    .chats-scroll{
        box-sizing: border-box;
        height: calc(100vh - 120rpx);
        padding: 10rpx 20rpx;
        .chats{
            .chat{
                display: flex;
                .head{
                    width: 80rpx;
                    height: 80rpx;
                }
                .msg{
                    background-color:#09bb07 ;
                    margin:0 10px;
                    margin-bottom: 10px;
                    padding:18rpx 16px;
                    border-radius:10rpx ;
                    max-width: 440rpx;
                }
            }
            .chat-me{
                display: flex;
                flex-direction: row-reverse
            }
        }
    }
    
    .bar{
        border-top:rgba(0, 0, 0, 0.3) solid 1px ;
        padding: 10rpx 20rpx;
        background-color: rgba(0, 0, 0, 0.1);
        position: fixed;
        bottom: 0;
        width: 100%;
        display: flex;
        justify-content: space-around;
        box-sizing: border-box;
        input{
            width: 60%;
            background-color: white;
            height: 80rpx;
            padding: 10rpx;
            margin: 0;
            box-sizing: border-box;
        }
        button{
            font-weight: 100;
            width: 22%;
            margin: 0;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #09bb07;
            color: white;
            
        }
    }
    
}
